<!doctype html>
<html class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>后台登录-X-admin2.2</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="stylesheet" type="text/css" th:href="@{/layui/src/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/myTest.css}"/>
    <script th:src="@{/js/jquery-3.6.0.js}"></script>
    <script th:src="@{/layui/dist/layui.js}"></script>
    <script th:src="@{/js/fen.js}"></script>
    <script th:src="@{/js/fen1.js}"></script>
    <script type="application/javascript" th:src="@{/js/fen2.js}"></script>
</head>
<body onload="ZuZhiPage()">

<form method="post" enctype="multipart/form-data" id="duowenjians">
    <table class="layui-table layui-form layui-form-pane myTests tables"><!--th:each="chas:${cha11}"-->
        <tr align="right">
            <td>应聘职位名称：</td>
            <td><input type="text" name="posName" id="posNames" class="layui-input p1" readonly="readonly"
                       th:value="${cha11.getPosition().getPosName()}"/><a href="javascript:void(0)" id="skt1"><img
                    th:src="@{/images/p1.png}" class="p2"></a></td>
            <td>应聘职位编码：</td>
            <td><input type="text" name="posCode" id="posCodes" class="layui-input p1" readonly="readonly"
                       th:value="${cha11.getPosition().getPosCode()}"/></td>
            <td>职位分类：</td>
            <td><input type="text" name="posType" id="posTypes" class="layui-input p1" readonly="readonly"
                       th:value="${cha11.getPosition().getPosType()}"/></td>
        </tr>
        <tr align="right">
            <td>姓名：</td>
            <td>
                <input type="text" name="reName1" id="reName1" class="layui-input p1" th:value="${cha11.getReName1()}"/>
            </td>
            <td>性别：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="reSex" lay-verify="" id="reSex">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getReSex()=='男'}" th:value="男">男</option>
                            <option th:selected="${cha11.getReSex()=='女'}" th:value="女">女</option>
                        </select>
                    </div>
                </div>
            </td>
            <td>招聘类型：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="reType" lay-verify="" id="reType">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getReType()=='校园招聘'}" value="校园招聘">校园招聘</option>
                            <option th:selected="${cha11.getReType()=='社会招聘'}" value="社会招聘">社会招聘</option>
                        </select>
                    </div>
                </div>
            </td>
        </tr>
        <tr align="right">
            <td>EMAIL：</td>
            <td><input type="text" name="email" id="email" class="layui-input p1" th:value="${cha11.getEmail()}"/></td>
            <td>联系电话：</td>
            <td><input type="number" name="phone" id="phone" class="layui-input p1" th:value="${cha11.getPhone()}"/>
            </td>
            <td>户口所在地：</td>
            <td><input type="text" name="peraddress" id="peraddress" class="layui-input p1"
                       th:value="${cha11.getPeraddress()}"/></td>
        </tr>
        <tr align="right">
            <td>住址：</td>
            <td colspan="3"><input type="text" name="address" id="address" class="layui-input p4"
                                   th:value="${cha11.getAddress()}"/></td>

            <td>政治面貌：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="politicsID" lay-verify="" id="politicsID">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getPoliticsID()=='群众'}" value="群众">群众</option>
                            <option th:selected="${cha11.getPoliticsID()=='党员'}" value="党员">党员</option>
                        </select>
                    </div>
                </div>
            </td>
        </tr>
        <tr align="right">
            <td>身份证号：</td>
            <td><input type="number" name="statusID" id="statusID" class="layui-input p1"
                       th:value="${cha11.getStatusID()}"/></td>
            <td>毕业院校：</td>
            <td><input type="text" name="SchoolTag" id="SchoolTag" class="layui-input p1"
                       th:value="${cha11.getSchoolTag()}"/></td>
            <td>学历：</td>
            <td><input type="text" name="education" id="education" class="layui-input p1"
                       th:value="${cha11.getEducation()}"/></td>
        </tr>
        <tr align="right">
            <td>专业：</td>
            <td><input type="text" name="major" id="major" class="layui-input p1" th:value="${cha11.getMajor()}"/></td>
            <td>工作经验：</td>
            <td><input type="number" name="workEx" id="workEx" class="layui-input p1" th:value="${cha11.getWorkEx()}"/>
            </td>
            <td>薪资要求(月薪)：</td>
            <td><input type="number" name="payRequire" id="payRequire" class="layui-input p1"
                       th:value="${cha11.getPayRequire()}"/></td>
        </tr>
        <tr align="right">
            <td>是否在职：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="noJob" lay-verify="" id="noJob">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getNoJob()=='是'}" value="是">在职</option>
                            <option th:selected="${cha11.getNoJob()=='否'}" value="否">离职</option>
                        </select>
                    </div>
                </div>
            </td>
            <td>是否应届生：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="graduate" lay-verify="" id="graduate">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getGraduate()=='是'}" value="是">是</option>
                            <option th:selected="${cha11.getGraduate()=='否'}" value="否">否</option>
                        </select>
                    </div>
                </div>
            </td>
            <td>登记时间：</td>
            <td><input type="text" name="checkTime" id="checkTime" class="layui-input p1"
                       th:value="${#dates.format(cha11.getCheckTime,'yyyy-MM-dd')}"/></td>
        </tr>
        <tr align="right">
            <td>个人履历：</td>
            <td colspan="5"><textarea name="resume1" id="resume1" placeholder="请输入内容" class="layui-textarea"
                                      th:text="${cha11.getResume1()}"></textarea></td>

        </tr>
        <tr align="right">
            <td>简历附件：</td>
            <td><input type="file" class="layui-input p1 file" name="file" id="file"></td>
            <td colspan="2">
                <a th:href="@{/resumes/downloads(id=${cha11.getId()}, openStyle='inline')}">在线预览</a>
            </td>


            <td>是否推荐面试：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="isRecommend" lay-verify="" id="isRecommend">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getIsRecommend()=='是'}" value="是">是</option>
                            <option th:selected="${cha11.getIsRecommend()=='否'}" value="否">否</option>
                        </select>
                    </div>
                </div>
            </td>
        </tr>
        <tr>
        <tr align="right">
            <td>简历状态：</td>
            <td>
                <div class="layui-input-inline" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="resState" lay-verify="" id="resState">
                            <option value="请选择">请选择</option>
                            <option th:selected="${cha11.getResState()=='存档'}" value="存档">存档</option>
                            <option th:selected="${cha11.getResState()=='推荐面试'}" value="推荐面试">推荐面试</option>
                            <option th:selected="${cha11.getResState()=='推荐二面'}" value="推荐二面">推荐二面</option>
                            <option th:selected="${cha11.getResState()=='推荐三面'}" value="推荐三面">推荐三面</option>
                            <option th:selected="${cha11.getResState()=='建议录用'}" value="建议录用">建议录用</option>
                            <option th:selected="${cha11.getResState()=='录用'}" value="录用">录用</option>
                            <option th:selected="${cha11.getResState()=='删除'}" value="删除">删除</option>
                        </select>
                    </div>
                </div>
            </td>
            <td>推荐人：</td>
            <td><input type="text" name="referrer" id="referrer" class="layui-input p1"
                       th:value="${cha11.getReferrer()}"/></td>
            <td>推荐时间：</td>
            <td><input type="text" name="recommendTime" id="recommendTime" class="layui-input p1"
                       th:value="${#dates.format(cha11.getRecommendTime(),'yyyy-MM-dd')}"/></td>
        </tr>
        </tr>
        <tr align="right">
            <td>推荐面试意见：</td>
            <td colspan="5"><textarea name="opinion" id="opinion" placeholder="请输入内容" class="layui-input p6"
                                      th:text="${cha11.getOpinion()}"></textarea></td>

        </tr>
        <tr>
            <td><input type="hidden" class="layui-input layui-icon p1 id" id="id" name="id"
                       th:value="${cha11.getId()}"/></td>
        </tr>
    </table>
</form>
<div align="center" style="margin-top: 20px">
    <button class="layui-btn layui-btn-lg" id="btnsss">保存</button>
    <a href="/resume/h4">
        <button class="layui-btn layui-btn-lg" style="margin-left: 150px">返回</button>
    </a>
</div>


<!--分层页面-->
<div style="display:none" id="test">


    <table border="0" class="layui-form a21" style="margin-top: 20px">
        <tr>
            <td><span class="a11">职位名称:</span></td>
            <td>
                <div class="a41"><input type="text" class="layui-input " id="posName" placeholder="请输入查询职位名称"></div>
            </td>
            <td><span class="a11">职位编码:</span></td>
            <td>
                <div class="a41"><input type="text" class="layui-input " id="posCode" placeholder="请输入查询职位编码"></div>
            </td>
            <td><span class="a11">所属部门:</span></td>
            <td>
                <div class="layui-input-inline a41" style="display: block;">
                    <div class="layui-input-block p1" style="margin-left: 0px;">
                        <select name="city" lay-verify="" id="brName">
                            <option value='请选择'>请选择</option>

                        </select>
                    </div>
                </div>

            </td>
            <td>
                <button class="layui-btn" onclick="ZuZhiPage()">查询</button>
            </td>
        </tr>
    </table>
    <hr/>

    <hr/>
    <button class="layui-btn a51" onclick="zhiyefen()">确定</button>
    <button class="layui-btn ">返回</button>

    <table border="1" class="layui-table a61 table-page" lay-even lay-skin="row">
        <tr>
            <td>选择</td>
            <td>职位编码</td>
            <td>职位名称</td>
            <td>职位分类</td>
            <td>所属部门</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

    </table>
    <div class="icon a7b">
        <button class="layui-btn" onclick="start()">首页</button>
        <button class="layui-btn  layui-icon layui-icon-prev a8b" onclick="prev()"></button>
        <span class="showPage a9b page">第1页/共1页</span>
        <button class="layui-btn  layui-icon layui-icon-next " onclick="next()"></button>
        <button class="layui-btn" onclick="end()">末页</button>
    </div>
</div>


</body>

<script>
    layui.use("layer", function () {
        var layer = layui.layer;
        //layer.msg("大家好，这是一个弹层", { time: 9000, type: 1,title:['测试一下','font-size:18px'] });
        $("#skt1").click(function () {
            layer.open({
                title: "职位页面",
                type: 1,
                area: ['1000px', '550px'],
                content: $("#test"),
                skin: 'layui-layer-molv',
            });
        });
    });
</script>


<script>
    layui.use('table', function () {
        var table = layui.table;
        //只有执行了这一步，部分表单元素才会自动修饰成功
        //但是，如果你的HTML是动态生成的，自动渲染就会失效
        //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();

        $.ajax({
            url: '/resume/zuzhiye',
            dataType: 'json',
            type: 'get',
            success: function (dataB) {
                //console.log(dataB);// 下面会提到这个dataB是什么值
                //使用循环遍历，给下拉列表赋值
                $.each(dataB, function (index, value) {
                    $('#brName').append(new Option(value.brName, value.brName));// 下拉菜单里添加元素
                });
                layui.form.render("select");//重新渲染 固定写法
            }
        })
        //table.render("select");
    });
</script>

<!--时间插件-->
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#recommendTime' //指定元素
            , type: 'date'
        });
    });
</script>
<script>
    layui.use('laydate', function () {
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#checkTime' //指定元素
            , type: 'date'
        });
    });
</script>
</html>